<script setup lang='ts'>
import { inject, onBeforeUnmount, onMounted, ref } from 'vue';
import { createVueDisposer, toVR } from 'vue-xe2-plugin/dist-node/components/xe2/tools';
import { XbsjEarthUi } from '../../scripts/xbsjEarthUi';
import Control from "./Control.vue";
import EffectAdjustment from './EffectAdjustment.vue';
import Debug from "./Debug.vue";
import SplitView from "./SplitView.vue";
import { $config } from "../../scripts/getConfig";
import Animation from "./Animation.vue";
const xbsjEarthUi = inject('xbsjEarthUi') as XbsjEarthUi
const d = createVueDisposer(onBeforeUnmount);
const ueIsShow = toVR<boolean>(d, [xbsjEarthUi, 'ueIsShow'])
const largeScreen = ref(true)
onMounted(() => {
    //@ts-ignore
    if (window.ue && window.ue.es) {
        largeScreen.value = false
    }
})
</script>
<template>
    <!-- 视图 -->
    <div class="roam">
        <Control></Control>
        <Debug v-if="!ueIsShow && largeScreen && $config.modelShow"></Debug>
        <Animation></Animation>
        <EffectAdjustment></EffectAdjustment>
    </div>
</template>
